<!DOCTYPE html>
<html>
<head>
    <title>向荣公益基金会</title>
    <!-- for-mobile-apps -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content="向荣"/>
    <link rel="icon" href="images/favicon.ico" type="image/x-icon">
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <!-- //for-mobile-apps -->
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="css/ihover.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="css/iconeffects.css" rel='stylesheet' type='text/css'/>
    <link rel="stylesheet" href="css/swipebox.css">
    <link rel="stylesheet" href="css/index.css">
    <link href="css/scroll.css" rel="stylesheet" type="text/css"/>
    <link href="css/global.css" rel="stylesheet" type="text/css"/>
    <link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
    <link rel="stylesheet" href="./css/whqNavStyle.css"/>
    <link rel="stylesheet" href="./css/fullpage.css"/>
    <!-- js -->
    <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="js/numscroller-1.0.js"></script>
    <script type="text/javascript" src="js/jquery.animate-colors-min.js"></script>
    <script type="text/javascript" src="js/global.js"></script>
    <script type="text/javascript" src="js/fullpage.js"></script>
    <!-- //js -->
    <!-- js响应式rem单位 -->
    <script>
     (function (doc, win) {
        var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function () {
                var clientWidth = docEl.clientWidth;
                if (!clientWidth) return;
                if (clientWidth >= 640) {
                    docEl.style.fontSize = '100px';
                } else {
                    docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
                }
            };
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);
    </script>
    <!-- js响应式rem单位 end -->
    <script type="text/javascript" src="js/jquery.mousewheel.js"></script>
    <!-- swipe box js -->
    <script src="js/jquery.swipebox.min.js"></script>
    <script type="text/javascript">
        jQuery(function ($) {
            $(".swipebox").swipebox();
        });
    </script>
    <!-- //swipe box js -->
    <!-- start-smoth-scrolling -->
    <script type="text/javascript" src="js/move-top.js"></script>
    <script type="text/javascript" src="js/easing.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript">
        /*jQuery(document).ready(function($) {
            $(".scroll").click(function(event){
                event.preventDefault();
                $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
            });
        });*/
    </script>
    <!-- start-smoth-scrolling -->
    <!-- #ffc600 -->
</head>
<body>
<!-- navPhone -->
<include file="./Common/View/header.html" />
<!-- pcNav end -->
<div class="swiper-container">
<div id="Ncontent" class="section-wrap swiper-wrapper Ncontent">
    <div class="banner section swiper-slide section-1">
        <div class="bannerSix">
            <div style="background: url(&quot;images/titleImg1.jpg&quot;) 0% 0% / 100% 100% no-repeat; opacity: 1;"></div>
            <div style="background: url(&quot;images/titleImg2.jpg&quot;) 0% 0% / 100% 100% no-repeat; opacity: 0;"></div>
            <div style="background: url(&quot;images/titleImg3.jpg&quot;) 0% 0% / 100% 100% no-repeat; opacity: 0;"></div>
            <div style="background: url(&quot;images/titleImg3.jpg&quot;) 0% 0% / 100% 100% no-repeat; opacity: 0;"></div>
            <div style="background: url(&quot;images/titleImg1.jpg&quot;) 0% 0% / 100% 100% no-repeat; opacity: 0;"></div>
            <div style="background: url(&quot;images/titleImg2.jpg&quot;) 0% 0% / 100% 100% no-repeat; opacity: 0;"></div>
        </div>
        <div class="container">
            <div class="banner-info">
                <div class="logo-text">
                    <a href="javascript:;">
                        <span class="sp1">聚焦中国贫困地区乡村学校<b></b></span>
                    </a>
                    <a href="javascript:;">
                        <span class="sp1">关注中国乡村儿童发展需求<b></b></span>
                    </a>
                    <a href="javascript:;">
                        <span class="sp1">倡导包容、全纳、完整的现代教育理念<b></b></span>
                    </a>
                    <a href="javascript:;">
                        <span class="sp1">做中国乡村教育的践行者<b></b></span>
                    </a>
                    <a href="javascript:;">
                        <span class="sp1">推动城乡教育资源均衡发展<b></b></span>
                    </a>
                    <a href="javascript:;">
                        <span class="sp1">使每一名乡村儿童都能享有公平而有质量的教育<b></b></span>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- //banner -->
    <!-- about -->
    <div id="about" class="about section swiper-slide section-1">
        <div class="container">
            <ul class="companyInfo">
                <foreach name="arts" item="art">
                    <li class="col-md-12 found">
                        <a href="{:U('Home/Index/art',['aid'=>$art['aid'],'new'=>1])}">
                            <span></span>
                            <span></span>
                            <span>{$art.ymd}</span>
                            <span>{$art.title}</span>
                            <span>>></span>
                        </a>
                    </li>
                </foreach>
            </ul>
        </div>
    </div>
    <!-- //about -->
    <!-- mission -->
    <div class="mission-gd section swiper-slide section-1">
        <ul>
            <li>
                <a href="{:U('Home/Index/xin',['cid'=>2])}" style="color: #fff">
                    <p>欣慧教学</p>
                    <p>用科技陪伴乡村儿童开启智慧世界</p>
                    <div></div>
                </a>
            </li>
            <li>
                <a href="{:U('Home/Index/xin',['cid'=>3])}" style="color: #fff">
                    <p>欣智阅读</p>
                    <p>用阅读陪伴乡村儿童感受美好和希望</p>
                    <div></div>
                </a>
            </li>
            <li>
                <a href="{:U('Home/Index/xin',['cid'=>1])}" style="color: #fff">
                    <p>欣悦成长</p>
                    <p>用爱陪伴乡村儿童健康快乐成长</p>
                    <div></div>
                </a>
            </li>
        </ul>

    </div>
    <!-- mission -->
    <div class="centerLogo" style="text-align: center;display: none;">
        <img src="images/zhongbulogo.png"/>
    </div>
    <div class="simple section swiper-slide section-1">
        <ul>
            <li class="news">
                <div style="text-align: center;margin-top:50px;">
                    <img class="newsTab" style="width: 45%;max-width: 180px; height: 9.739%;cursor: pointer;"
                         src="images/xinwenarrow.png"/>
                </div>
                <div>
                    <p>
                        <span class="newsTitle">媒体专区</span>
                        <!--<span class="bar"></span>-->
                    </p>
                    <p class="dot">
                    </p>
                    <a class="mediaHref" href="media/story.html">
                        <div class="newsContent">
                            <p class="newsContentTitle">向荣故事</p>
                            <p class="newsContentInfo">
                                <span class="newsDate">2018年5月25日</span>
                                <!--<span class="newsText">基金会赴苏州工业园区调研向荣公益基，金会赴苏州工业园区调研向荣公益基金会赴苏，向荣公益基金会赴苏州工业园区调研向荣公益基，金会州工业园区调研,，赴苏州工业园区公益基金会赴苏州工业园区调研向荣公益基金会调研向荣公益基，金会赴苏州工业园区调研向荣公益基金...</span>-->
                                <!--<i class="yellowArrow" style="background:url(images/yellowArrow.png) no-repeat;background-size: 100% 100%;"></i>-->
                            </p>
                        </div>
                    </a>
                </div>
            </li>
        </ul>
    </div>
<include file="./Common/View/fotter.html" />
</div>
</div>
<button type="button" class="downBtn btnactive" id="yellowjt1"></button>
<button type="button" class="upBtn" id="yellowjt2"></button>
<!-- banner -->
<script>
    $('#Ncontent').fullpage({
        // anchors:['t1','t2','t3','t4','t5'],
        afterLoad : function(anchorLink, origin ){
            if (!origin) {
                return false;
            }
            var loadedSection = this;
            //使用 index
            if(origin.index == 0){
                $('#yellowjt1').addClass('btnactive');
                $('#yellowjt2').removeClass('btnactive');
            }
            //使用 index
            if(origin.index == 4){
                $('#yellowjt1').removeClass('btnactive');
                $('#yellowjt2').addClass('btnactive');
            }
        }
    });
    $('.upBtn').click(function(event) {
        /* Act on the event */
        fullpage_api.moveSectionUp();
    });
    $('.downBtn').click(function(event) {
        /* Act on the event */
        fullpage_api.moveSectionDown();
    });
</script>

<!-- //banner-bottom -->
<!-- for bootstrap working -->
<script src="js/bootstrap.js"></script>
<!-- <script src="js/scroll.js"></script> -->
<!-- //for bootstrap working -->
<!-- smooth scrolling -->

<!-- //smooth scrolling -->

</body>
</html>